<template>
	<t-magnifier
		:radius="radius"
	  :imgUrl="imgUrl"
	  :imgAlt="imgAlt"
	  :blank="blank"
	  :link="link"
	  :imgWidth="imgWidth"
	  :imgHeight="imgHeight"
	  :magWidth="magWidth"
	  :magHeight="magHeight"
	/>
</template>

<script>
	import { reactive, toRefs } from 'vue'
	export default{
		name: 'Magnifier',
		setup() {
			let state = reactive({
				radius: 0,
			  imgUrl: 'https://img2.baidu.com/it/u=2801778390,3666350406&fm=26&fmt=auto&gp=0.jpg',
			  imgAlt: '裴秀智',
			  blank: true,
			  link: 'https://baike.baidu.com/item/%E8%A3%B4%E7%A7%80%E6%99%BA/5118462?fr=aladdin',
			  imgWidth: 375,
			  imgHeight: 481,
			  magWidth: 100,
			  magHeight: 100,
			})
			
			return {
			  ...toRefs(state),
			}
		}
	}
</script>

<style>
</style>
